<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<section data-am-widget="accordion" class="am-accordion am-accordion-gapped"
data-am-accordion='{  }'>
  <dl class="am-accordion-item am-active">
    <dt class="am-accordion-title"><span class="am-icon-search"></span> 查询</dt>
    <dd class="am-accordion-bd am-collapse am-in">
      <!-- 规避 Collapase 处理有 padding 的折叠内容计算计算有误问题， 加一个容器 -->
      <div class="am-accordion-content">
        
        
        <div class="search_tab" style="overflow:auto;">
        	<div class="tr">
        		<div class="label">关键字</div><div class="value"><input type="text" class="am-form-field am-radius"></div>
        		<div class="label">关键字</div><div class="value"><input type="text" class="am-form-field am-radius"></div>
        	</div>
        	<div class="tr">
        		<div class="label">时间</div><div class="value"><input type="text" class="am-form-field" placeholder="" data-am-datepicker readonly/></div>
        		<div class="label">类型</div>
        		<div class="value">
	        		<select >
					  <option value="a">Apple</option>
					  <option value="b">Banana</option>
					  <option value="o">Orange</option>
					  <option value="m">Mango</option>
					</select>
				</div>        		
        	</div>   
        	<div class="btn"><button type="button" class="am-btn am-btn-success">查询</button></div>     	
        </div>
      </div>
    </dd>
  </dl>
  </section>

<div class="am-g">
    <div class="am-u-md-6 am-cf">
        <div class="am-fl am-cf">
            <div class="am-btn-toolbar am-fl">
                <div class="am-btn-group am-btn-group-xs">
                    <button type="button" type="button" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 新增</button>
                    <button type="button" type="button" class="am-btn am-btn-default"><span class="am-icon-save"></span> 保存</button>
                    <button type="button" type="button" class="am-btn am-btn-default"><span class="am-icon-archive"></span> 审核</button>
                    <button type="button" type="button" class="am-btn am-btn-default"><span class="am-icon-trash-o"></span> 删除</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="am-g">
<div class="am-u-sm-12">
<form class="am-form" action="a.html">
<table class="am-table am-table-striped am-table-hover table-main">
<thead>
<tr>
    <th class="table-check"><input type="checkbox" /></th><th class="table-id">ID</th><th class="table-title">标题</th><th class="table-type">类别</th><th class="table-author">作者</th><th class="table-date">修改日期</th><th class="table-set">操作</th>
</tr>
</thead>
<tbody>
<tr>
    <td><input type="checkbox" /></td>
    <td>1</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>2</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>3</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>4</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>5</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>6</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>7</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>8</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>9</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>10</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>11</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>12</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>13</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>14</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试14号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>15</td>
    <td><a href="#">Business management</a></td>
    <td>default</td>
    <td>测试1号</td>
    <td>2014年9月4日 7:28:47</td>
    <td>
        <div class="am-btn-toolbar">
            <div class="am-btn-group am-btn-group-xs">
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-am-modal="{target: '#modal-1', closeViaDimmer: 0, width: 500, height: 525}"><span class="am-icon-pencil-square-o"></span> 编辑</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs"><span class="am-icon-copy"></span> 复制</button>
                <button type="button" class="am-btn am-btn-default am-btn-xs am-text-danger"><span class="am-icon-trash-o"></span> 删除</button>
            </div>
        </div>
    </td>
</tr>
</tbody>
</table>
<div class="am-cf">
    共 15 条记录
    <div class="am-fr">
        <ul class="am-pagination">
            <li class="am-disabled"><a href="#">«</a></li>
            <li class="am-active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">»</a></li>
        </ul>
    </div>
</div>
<hr />

</form>
<!--
modal
-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="modal-1">
    <div class="am-modal-dialog">

        <div class="am-modal-hd">编辑
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd" style="padding-right: 20px;">
            <form class="am-form">
                <div class="am-g am-margin-top-sm">
                    <div class="am-u-sm-3 am-text-right">
                        SEO 标题
                    </div>
                    <div class="am-u-sm-9 am-u-end">
                        <input type="text" class="am-input-sm">
                    </div>
                </div>

                <div class="am-g am-margin-top-sm">
                    <div class="am-u-sm-3 am-text-right">
                        SEO 关键字
                    </div>
                    <div class="am-u-sm-9 am-u-end">
                        <input type="text" class="am-input-sm">
                    </div>
                </div>

                <div class="am-g am-margin-top-sm">
                    <div class="am-u-sm-3 am-text-right">
                        SEO 描述
                    </div>
                    <div class="am-u-sm-9 am-u-end">
                        <textarea rows="4"></textarea>
                    </div>
                </div>
            </form>
            <div class="am-margin">
                <button class="am-btn am-btn-primary am-btn-xs" type="button">提交保存</button>
                <button class="am-btn am-btn-primary am-btn-xs" type="button">放弃保存</button>
            </div>
        </div>



    </div>
</div>

</div>

</div>
